
<template>
  <div>
    <div class="attributes">
      <ul class="attribute-list">
        <li class="attribute-item">区域型号:xxx</li>
        <li class="attribute-item">区域型号:xxx</li>
        <li class="attribute-item">区域型号:xxx</li>
        <li class="attribute-item">区域型号:xxx</li>
        <li class="attribute-item">区域型号:xxx</li>
        <li class="attribute-item">区域型号:xxx</li>
        <li class="attribute-item">区域型号:xxx</li>
        <li class="attribute-item">区域型号:xxx</li>
        <li class="attribute-item">区域型号:xxx</li>
        <li class="attribute-item">区域型号:xxx</li>
      </ul>
    </div>

    <div class="specification">
      <el-table
        :data="tableData"
        stripe
        style="width: 100%">
        <el-table-column
          prop="date"
          label="标题"
         >
        </el-table-column>
        <el-table-column
          prop="name"
          label="参数"
        >
        </el-table-column>

      </el-table>
    </div>

  </div>

</template>

<script>

  export default {
    data() {
      return {
        tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          date: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1517 弄'
        }, {
          date: '2016-05-01',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1519 弄'
        }, {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄'
        }]
      };
    },
    components: {

    },
    method: {

    }
  }
</script>

<style scoped>
  .tab-header >>> .el-tabs__header {
    margin-left: -20px;
    margin-right: -20px;
    padding: 10px 40px;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
  }

  .tab-header >>> .el-tabs__item {
    height: 30px;
    line-height: 30px;
  }

  .attribute-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
  }

  .attribute-list .attribute-item {
    width: 33.33333%;
    padding: 8px 8px 8px 0;
    color:#333;
  }
</style>

